{% extends "website/staff/staff_base.html" %}
{% block staff_content %}
<section class="section">
  <div class="card">
    <div class="card-title">
      <div class="icon">💳</div>
      <div>
        <h1 class="h1" style="margin:0">Payment #{{ tx.id }}</h1>
        <div class="small">Reference: {{ tx.reference|default:"—" }}</div>
      </div>
      <div style="margin-left:auto">
        <a class="btn" href="{% url 'website:staff_payment_list' %}">← Back</a>
      </div>
    </div>

    <div class="sep"></div>

    <form method="post">
      {% csrf_token %}
      <div class="grid grid-2">
        <div><label class="label">Status</label>{{ form.status }}</div>
        <div><label class="label">Notes</label>{{ form.notes }}</div>
      </div>
      <div style="margin-top:12px">
        <button class="btn" type="submit">Save</button>
      </div>
    </form>
  </div>
</section>
{% endblock %}